<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>表单选择器</title>
    <script src="./jquery1.11.3.js"></script>
    <script>
        $(function () {
            // alert($('input').size());//2 个 input
            // alert($('input').val());//123默认情况下 是第一个元素的value的值
            // alert($('input').eq(1).val());//abc 获得指定元素的value的值 索引为1的值
            // alert($('input[type=password]').val());//abc 精确超type=password的value的值
            // alert($('input[name=pass]').val());//abc 精确查找name=pass的value的值
            // alert($(':input').size());//5

            // alert($(':input[name=sure]').size());//1  冒号input 不需要写死某个元素 只需要[]里面的内容写对就好了
            // alert($(':password').size());//2
            //添加上一个 <input type="password" name="pa" value="321">之后 需要指定哪个possword 需要加属性 才能出来
            // alert($(':password[name=pass]').size()); //有多个password需要指定name=pass属性值 来精确查找到某元素
            
            // alert($(':radio').eq(1).val());//女
            // alert($(':radio').last().val());//女

            // alert($('form:hidden').size());//0 没有隐藏的

            // alert($('form:enabled').size());
            // alert($('form :enabled').size());//6
            // alert($('form :disabled').size());//2

            // alert($('form :checked').size());// 选中
            // alert($('form :selected').size());//1 默认选择1 选中的是option元素
            alert($('form :selected').get(0));//[object HTMLOptionElement]
        });
    </script>
</head>
<body>

<form>
    <input type="text" disabled="disabled" name="user" value="123">
    <input type="password" name="pass" disabled="disabled" value="abc">
    <input type="password" name="pa" value="321">
    <textarea></textarea>
    <select name="" id="">
        <option>1</option>
        <option>2</option>
        <option>3</option>
    </select>
    <button name="sure"></button>
    <input type="radio" name="sex" value="男" checked="checked">男
    <input type="radio" name="sex" value="女">女
</form>
<script>
    /*本节课概要*********
    一.常规选择器
      二.表单选择器
        :input(input button select textarea)元素
        :text       单行文本狂
        :password    密码框
        :radio      单选框
        :checkbox    复选框
        :submit      提交按钮
        :reset       重置按钮
        :image       图片按钮
        :button      普通按钮
        :file        文件按钮
        :hidden      不可见文字
    三.表单过滤器
        1.enabled
        2.disabled
        3.checked
        4.selected
    ##########################################################################
    本节课详细记录笔记***************

    1.获得几个元素 用size
        $('input').size()
    2.获得默认一个元素的值      $('input').val()
       获得指定元素的value的值  $('input').eq(1).val() 可读性不强
    3.有多个password需要指定name=pass属性值 来精确查找到某元素
        $(':password[name=pass]').size()
    4. :text       单行文本狂
        :password    密码框
        :radio      单选框
        :checkbox    复选框
        :submit      提交按钮
        :reset       重置按钮
        :image       图片按钮
        :button      普通按钮
        :file        文件按钮
        :hidden      不可见文字
    5. 重点讲下radio
            $(':radio').eq(1).val() 单选框name相同 查询指定元素
            $(':radio').last().val()单选框name相同 查询指定元素 有2个radio的元素情况下
    6.:hidden
         $('form:hidden').size()
#####################################
        表单 过滤器
    7.查询可用的表单
        $('form :enabled').size()
    8.查询不可用的表单
            $('form :disabled').size()
    9.查询选中状态的元素
        $('form :checked').size()
    10.默认选择
        $('form :selected').size()



    * */
</script>
</body>
</html>